﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>视频详情</title>
    <meta name="keywords" content="关键字" />
    <meta name="description" content="网站描述" />
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <link rel="stylesheet" th:href="@{/liuan20230703/css/style.css}">
    <!--页面样式-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/Swiper.css}">
    <!--页面样式-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/animate.min.css}">
    <!--CSS3动画库-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/font-awesome.min.css}">

    <style>
     transform: scale(0.8, 0.8);
    </style>
</head>

<body style="background-color: #f3f3f3;">
    <div class="topHeader">
        <div class="touBanner">
            <div class="wrap relative">
                <div class="logo">
                    <a href="#"><img th:src="@{/liuan20230703/images/logo.png}" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="wrap">
            <div class="nav-col">
                <ul>
                    <li>
                        <a th:href="@{/}">
                            首页
                        </a>
                    </li>
                    <li th:each="category:${NAV_CATEGORY}">
                        <a th:if="${!#strings.startsWith(category.description,'http') && !#strings.startsWith(category.description,'ftp://')}" th:href="${'/blog/liuan/category/' + category.id}" target='_blank'>
                            [[${category.name}]]
                        </a>
                        <a th:if="${#strings.startsWith(category.description,'http')}" th:href="${category.description}" target='_blank'>
                            [[${category.name}]]
                        </a>
                        <a th:if="${#strings.startsWith(category.description,'ftp://')}" th:href="${category.description}" target='_blank'>
                            [[${category.name}]]
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="topHeader bggary">
        <div class="wrap relative">
            <div class="clearfix">
                <div class="fl dateTime">
                    <i class="fa fa-calendar-o" style="color: #003B94;font-size: 16px;vertical-align: top;"></i>&nbsp;
                    <span id="date"></span>
                    <script language=JavaScript>
                        today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=#241714 style='font-size:20px;'> ",
today.getFullYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日      ",
d[today.getDay()+1],
"</font>" ); 
</script>
                </div>
                <div class="fr">
                    <div class="search">
                        <input type="text" placeholder="请输入关键字" id="searchKeywords" th:href="${'/blog/liuan/search/'}">
                        <a href="javascript:;" class="seaceba" id="search"><i class="fa fa-search"></i>&nbsp;搜索</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="breadcrumb">
            <i class="fa fa-home" aria-hidden="true" style="font-size:23px;color: #003B94;margin-left: 35px;" /></i>
            <a th:href="@{/}" style="font-size: 18px;">
                首页
            </a>&gt;<a th:href="${'/blog/liuan/videolist'}" style="font-size: 18px;">
                视频专区
            </a>
        </div>
    </div>
    <div class="wrap">
        <div class="newsContent" style="padding-bottom: 50px;">
            <h2 style="color: black;">[[${video.title}]]</h2>

            <div class="apafre"></div>
            <div class="contenrfgnew" style="text-align: center;">
                <video width="1003" height="564" controls="">
                    <source th:src="${video.img}" type="video/mp4">
                </video>
            </div>

        </div>
    </div>
    <div class="footer" style="margin-top: 80px;">
        <div class="wid">
            <div class="footer-col">
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    请使用1920*1080分辨率 IE8.0或以上浏览器访问达到最佳效果
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    版权所有：漯河市公安局交通管理支队  地址：河南省漯河市郾城区黄河路787号
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    <a th:href="@{/login}" target='_blank'>[后台管理]</a>
                </p>
            </div>
        </div>
    </div>
    <script th:src="@{/liuan20230703/js/jquery.js}"></script>
</body>

</html>